<template>
  <div class="order-contract  layout-content">
    <a-row>
      <Seal
        :propsData="propsData"
        :sealTypeArr="sealTypeArr"
        :pageData="datas"
        @successCallback="successCallback"
      />
    </a-row>
  </div>
</template>
<script>
import Seal from "../Components/seal-m";
const sealRequire = [
  { lable: "1、图片上传格式务必是png，带透明通道；", value: 1 },
  { lable: "2、图片大小为800X800像素。", value: 2 }
];
const legalPersonsSealRequire = [
  { lable: "1、图片上传格式务必是png，带透明通道；", value: 1 },
  { lable: "2、图片大小为400X400像素。", value: 2 }
];
const legalPersonsSealTypeArr = [
  { lable: "16mm", value: 1 },
  { lable: "18mm", value: 2 },
  { lable: "20mm", value: 3 }
];
const sealTypeArr = [
  { lable: "40mm", value: 4 },
  { lable: "42mm", value: 5 },
  { lable: "58mm", value: 6 }
];

export default {
  components: {
    Seal
  },
  props: {
    datas: {
      type: Object,
      default: () => {
        return {};
      }
    }
  },
  computed: {
    propsData() {
      return {
        type: 1,
        pageTitle:
          this.datas.type == 3
            ? "法人章"
            : this.type == 2
            ? "业务章"
            : "合同章",
        sealTypeLable:
          this.datas.type == 3
            ? "印章类型"
            : this.type == 2
            ? "业务章尺寸"
            : "合同章尺寸",
        sealSizeWH: this.datas.type == 3 ? 400 : 800,
        sizeTypeText:
          this.datas.type == 3 ? legalPersonsSealRequire : sealRequire
      };
    },
    sealTypeArr() {
      return this.datas.type == 3 ? legalPersonsSealTypeArr : sealTypeArr;
    }
  },
  data() {
    return {};
  },
  created() {},
  methods: {
    successCallback() {
      this.$emit("successCallback");
    }
  }
};
</script>

<style lang="scss" scoped></style>
